page-talent-pool {
    @function vw($px) {
        @return $px/1080*100vw;
    }
    .scroll-content {
        overflow-y: hidden;
        -webkit-overflow-scrolling: auto;
    }
    .search-wrapper {
        width: 100%;
        height: vw(393);
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;

        & > div {
            display: flex;
            justify-content: center;
        }

        .search-container {
            width: vw(701);
            height: vw(125);
            border-radius: vw(90);
            background: linear-gradient(to right, #63b24c, #018c6e);
            display: flex;
            justify-content: space-between;
            align-items: center;
            i {
                width: vw(41);
                height: vw(41);
                display: block;
                background: url(../assets/images/client/client-list/icon_search.png) no-repeat;
                background-size: cover;
                margin-right:4.17vw;
            }
            input {
                margin-left:4.17vw;
                width: 52vw;
                height: 100%;
                background: none;
                border: none;
                font-size: 3.89vw;
                color: #fff;

                &::placeholder {
                    color: rgba(255, 255, 255, 0.5);
                }
            }

        }

        .filter {
            width: vw(217);
            height: vw(125);
            display: flex;
            justify-content: space-around;
            // padding:0 2vw;
            align-items: center;
            background-color: #3BA94A;
            border-radius: 6vw;
            font-size: 4.5vw;
            color: #ffffff;
            margin-left: vw(42);
            img {
                max-width: none;
                width: 100%;

            }
        }

        .word {
            width: vw(962);
            font-size: 3.88vw;
            justify-content: space-between;
            align-items: center;
            font-weight: bold;

            & > div {
                position: relative;
                height: 11vw;
                display: flex;
                align-items: center;
                justify-content: center;

                &:nth-child(1) {
                    width: 18.52vw;
                }
                &:nth-child(2) {
                    width: 18vw;
                }
                &:nth-child(3) {
                    width: 20.5vw;
                }
                &:nth-child(4) {
                    width: 16.5vw;
                }
                &:nth-child(5) {
                    width: 9vw;
                }
                .arrw {
                    width: 3vw;
                    height: 5vw;
                    visibility: hidden;
                    &.show{
                        visibility:visible;
                    }
                }
                .effective {
                    color: #3BA849;
                }
                .sort-way1, .sort-way2 {
                    .arrw {
                        display: block;
                    }
                }
            }
            .name {
                width:100%;
                display: flex;
                justify-content: center;
                align-items: center;
                div {
                    display: flex;
                    justify-content: center;
                }
                .arrw {
                    width: 3vw;
                    height: 4.5vw;
                    margin-left: 1.48vw;
                }
            }
            .createTime {
                width: auto;
                .arrw {
                    width: 3vw;
                    height: 4.5vw;
                    position: absolute;
                    right: 1vw;
                    top: 50%;
                    margin-top: -2.25vw;
                }
            }
        }

    }

    .list-container {
        width: 100%;
        height: auto;
        position: relative;

        .inner {
            width: 100%;
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }

        .shadow {
            position: absolute;
            &.top {
                top: 0;
                left: 0;
            }
            &.bottom {
                bottom: -0.1vw;
                left: 0;
            }
        }

        .item-wrapper {
            width: vw(962);
            height: 26vw;
            border-radius: 2vw;
            margin: vw(45) auto 0 auto;
            box-shadow: 0 0 5vw 0 #eaeaea;
            display: flex;
            justify-content: space-between;
            position: relative;

            .is-new {
                width: vw(124);
                position: absolute;
                left: -1.9625vw;
                top: -2.2vw;
                z-index: 1;
            }

            & > div {
                float: left;
                height: 100%;
            }
            &:last-child {
                margin-bottom: 8vw;
            }

            .client {
                position: relative;
                width: 18.52vw;
                border-right: 1px solid #E9E9E9;
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                background-color: #35AC63;
                color: #ffffff;
                border-radius: 1.5vw 0 0 1.5vw;

                & > div {
                    &:first-child {
                        width: 96%;
                        font-size: 3.88vw;
                     //   height: 10vw;
                        overflow: hidden;
                        position:relative;
                        word-break: break-all;
                        &.is-overflow{
                            &:after{
                                width: 4.5vw;
                                height: 5.5vw;
                                content: '...';
                                letter-spacing: 0.3vw;
                                display: block;
                                position: absolute;
                                right: 0;
                                bottom: 0;
                                background: #35ac63;
                            }
                        }

                    }
                    &:nth-child(2) {
                        width: 100%;
                        height: 5vw;
                        margin-top: 1.8vw;
                        img {
                            width: 4.63vw;
                        }
                        color: #ffffff;
                        display: flex;
                        justify-content: center;
                        align-items: flex-end;
                        font-size: vw(36);
                        span {
                            display: flex;
                            height: 100%;
                            align-items: flex-end;
                            line-height: 1;
                            margin-left: 1vw;
                        }
                    }

                }

            }

            .activity {
                width: 18vw;
                display: flex;
                align-items: center;
                justify-content: space-around;
                font-size: 3.88vw;
                .source {
                    width: 9vw;
                }
                .date {
                    width: auto;
                }
                &.create-time {
                    width: auto;
                }
            }

            .type {
                width: 16.5vw;
                text-align: center;
                line-height: 26vw;
                font-size: 3.65vw;
            }

            .operator {
                width: 9vw;
                height: 100%;
                float: right;
                display: flex;
                align-items: center;

                img.call {
                    margin-right: 1vw;
                    width: vw(85);
                }
            }

        }

        .phone-list {
            display: none;
        }
    }
    .footer-container {
        width: 100%;
        height: vw(150);
        display: flex;
        & > div {
            width: 90%;
            height: 65%;
            margin: auto;
            background: #3AB54A;
            color: #ffffff;
            font-size: 4vw;
            border-radius: 1.5vw;
            display: flex;
            align-items: center;
            justify-content: center;

            & > div {
                display: flex;
                align-items: center;
            }
            img {
                width: 5vw;
            }
        }
    }
    @media only screen and (width: 375px) and (height: 812px) {
        //.go-up-icon{
        //    bottom: 14.45vw;
        //}
        ion-footer {
            height: 20vw;
            .footer-container {
                height: 20vw;
                padding-bottom: 2vw;
            }
        }
    }

    .no-data{
        width: 26vw;
        margin: 23vw auto;
        position:static;
        transform: translate(0,0);
    }

}
